<!--<template>-->
<!--  <div class="userLogin">-->
<!--    <div class="card">-->
<!--      <div class="left">-->
<!--        <img width="100%" alt="logo" src="../../assets/logo.png" />-->
<!--      </div>-->
<!--      <div class="right">-->
<!--        <div class="cralxs">-->
<!--          <img src="@/assets/Cral.png" alt="cralxs" style="margin-left: 8%" />-->
<!--        </div>-->
<!--        <a-form-->
<!--          :model="form"-->
<!--          :style="{ width: '500px' }"-->
<!--          size="large"-->
<!--          @finish="handleSubmit"-->
<!--        >-->
<!--          <a-form-item name="userAccount" label="账号">-->
<!--            <a-input-->
<!--              size="large"-->
<!--              v-model:value="form.userAccount"-->
<!--              placeholder="请输入账号"-->
<!--              style="border-radius: 10px; background-color: white"-->
<!--            />-->
<!--          </a-form-item>-->
<!--          <a-form-item name="userPassword" label="密码">-->
<!--            <a-input-password-->
<!--              v-model:value="form.userPassword"-->
<!--              placeholder="请输入密码"-->
<!--              size="large"-->
<!--              style="border-radius: 10px; background-color: white"-->
<!--            />-->
<!--          </a-form-item>-->
<!--          <a-form-item name="checkPassword" label="确认密码">-->
<!--            <a-input-password-->
<!--              v-model:value="form.checkPassword"-->
<!--              placeholder="请再次输入密码"-->
<!--              size="large"-->
<!--              style="border-radius: 10px; background-color: white"-->
<!--            />-->
<!--          </a-form-item>-->
<!--          <a-form-item>-->
<!--            <a-button-->
<!--              html-type="submit"-->
<!--              size="large"-->
<!--              type="primary"-->
<!--              style="border-radius: 10px;opacity: 0.7;font-size: 16px"-->
<!--            >-->
<!--              注册-->
<!--            </a-button>-->
<!--            <a-button-->
<!--              @click="userLogin"-->
<!--              type="link"-->
<!--              style="color: #c4c4c4; font-size: 18px; margin-left: 20%;position: absolute;right: 0"-->
<!--            >-->
<!--              已有账号？去登陆-->
<!--            </a-button>-->
<!--          </a-form-item>-->
<!--        </a-form>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup lang="ts">-->
<!--import { reactive } from 'vue'-->
<!--import { useRouter } from 'vue-router'-->
<!--import { message } from 'ant-design-vue'-->
<!--import { useLoginUserStore } from '@/stores/useLoginUserStore.ts'-->
<!--import { userRegisterUsingPost } from '@/api/userController.ts'-->


<!--const router = useRouter()-->
<!--const loginUserStore = useLoginUserStore()-->

<!--const form = reactive<API.UserRegisterRequest>({-->
<!--  userAccount: '',-->
<!--  userPassword: '',-->
<!--  checkPassword: ''-->
<!--})-->

<!--const handleSubmit = async (values: API.UserRegisterRequest) => {-->
<!--  const res = await userRegisterUsingPost(values)-->
<!--  if (res.data.code === 0 && res.data.data) {-->
<!--    await loginUserStore.fetchLoginUser()-->
<!--    message.success('注册成功')-->
<!--    router.push({-->
<!--      path: '/user/login',-->
<!--      replace: true-->
<!--    })-->
<!--  } else {-->
<!--    message.error('注册失败，' + res.data.message)-->
<!--  }-->
<!--}-->

<!--const userLogin = () => {-->
<!--  router.push({-->
<!--    path: '/user/login',-->
<!--    replace: false-->
<!--  })-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->
<!--.userLogin {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  height: 80vh;-->
<!--  background: url("../../assets/background.png");-->
<!--}-->

<!--.card {-->
<!--  background: linear-gradient(to right, #ffffff, #f2f4f6);-->
<!--  border-radius: 20px;-->
<!--  height: 70vh;-->
<!--  width: 80vw;-->
<!--  display: flex;-->
<!--  justify-content: space-between;-->
<!--  align-items: center;-->
<!--}-->

<!--.left {-->
<!--  width: 50%;-->
<!--  height: 100%;-->
<!--}-->

<!--.right {-->
<!--  width: 50%;-->
<!--  height: 100%;-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  flex-direction: column;-->
<!--}-->
<!--</style>-->
